<template>
    <div class="nav">
        <span v-for="item, index in data" :key="index">
            <a href="">{{ item.name }}</a>
            <template v-if="index < data.length - 1">/</template>
        </span>
    </div>
</template>
    
</template>

<script>
export default {
    props: ["data"]
};
</script>

<style lang="less" scoped>
.nav {
    // background-color: aqua;
    margin-bottom: 15px;

    a {
        text-decoration: none;
        color: #000;
        margin: 5px;
    }
}
</style>